<template>
    <div>    
        <MySchool/>
        <!-- v-on和$emit联合实现子父传递数据 -->
        <!-- <MyStudent v-on:studentClick="studentClick"/> -->
        <!-- 可以简写成 -->
        <!-- <MyStudent @studentClick="studentClick"/> -->
        <!-- 使用ref来实现子父传递 -->
        <MyStudent ref="student"/>
    </div>
</template>

<script>
    import MySchool from "./components/MySchool"
    import MyStudent from "./components/MyStudent"
    export default {
        name:"App",
        components:{
            MySchool,
            MyStudent
        },methods:{
            //用...a接受后面的参数成1个数组
            studentClick(name,...params){
                console.log('student clicked',name,params)
            }
        },mounted() {
            // 使用ref来实现子父传递
            // 利用$refs来拿vc
            // vc调用$on等同于v-on或@
            // this.$refs.student.$on('studentClick',this.studentClick)
            // 可以实现延迟绑定。
            // setTimeout(() => {
            //     //this是vc
            //     console.log(this, '')
            //     this.$refs.student.$on('studentClick',this.studentClick)
            // }, 3000);
            // 绑定只执行1次
            // this.$refs.student.$once('studentClick',this.studentClick)
            // console.log(this, '')
            this.$refs.student.$on('studentClick',this.studentClick)

        },
    }
</script>
